/*header 顶部*/
.skin-change{border-bottom: 2px solid #017167;}
.skin-change .header-demo {color: #fff;background-color: #1AA094;height: 54px;}
.skin-change .admin-login-box{width: 170px;height: 54px;position: relative;}
.skin-change .admin-login-box .logo{position: absolute;left: 0px;right: 0px;text-align: center;top: 14px;font-size: 20px;  color: #fff; letter-spacing: 1px;font-weight: 600;}


.skin-change .admin-side-toggle{text-align: center;opacity: 0.5;position: absolute; cursor: pointer; z-index:99;left:-3px;width: 16px;background:transparent url(/static/index/images/skin/arrow-green.png)no-repeat 100%;height: 50px;line-height: 50px;top:50%;border-radius: 0px 2px 2px 0px;}
.skin-change .admin-side-toggle i{color: #fff;font-size: 17px;}
.skin-change .admin-side-toggle:hover{opacity: 1;}

.admin-header-balance {position: absolute; background:rgba(255,255,255,0.15); top:0px;left: 185px;border-left:1px solid rgba(0,0,0,0.1);padding: 16px 10px;bottom: 0px;line-height: 18px;}
.admin-header-balance ul li{float:left; padding: 0px 10px;text-align: center;display: block;}
.admin-header-balance ul li em{margin: 0px auto; width: 22px;height: 22px;background: #fff;margin-bottom: 3px; border-radius: 50%;text-align: center;line-height: 22px;color:#1AA094;font-size: 12px;font-style: normal;
    display: inline-block;}
.admin-header-balance ul li b{display: none;}
@media screen and (max-width: 1240px) {
    .admin-header-balance{padding: 0px 10px;}
    .admin-header-balance ul li{clear: left;}
    .admin-header-balance ul li em{display: none;}
    .admin-header-balance ul li b{display: inline;}
}

.admin-index-icons li{padding: 0px 10px;float: left;cursor: pointer;}


/*导航栏右边*/
.skin-change .layui-nav{position: absolute;right: 0;top: 0; padding: 0;top: 0;}
.skin-change .layui-nav .layui-nav-item{line-height: 56px;margin: 0 10px;float: right;border-left:1px solid rgba(0,0,0,0.1);}
.skin-change .layui-nav .layui-nav-item a{color: #fff;}
.skin-change .layui-nav .layui-nav-item a:hover{color:rgba(255,255,255,0.9);}
.skin-change .admin-header-user img{width: 40px;height: 40px;margin-right: 3px;}
.skin-change .admin-header-user .layui-nav-more {top: 27px;border-top-color: #fff;}
.skin-change .admin-header-user .layui-nav-mored{top: 19px;border-top-color: transparent;border-bottom-color: rgba(255,255,255,0.9);}
.skin-change .layui-nav .layui-nav-child{top:57px;}
.skin-change .layui-nav .layui-nav-child a{color: #333;}
.skin-change .layui-nav .layui-nav-child a:hover{background-color: #1AA094;color: #fff;}
.header-demo .layui-nav .layui-this:after,.header-demo .layui-nav-bar{background:rgba(255,255,255,0.7);height: 5px;}
.skin-change .layui-nav-child dd.layui-this {background-color: #97daf9;}
.skin-change .layui-nav-child dd.layui-this a{color: #fff;}
.skin-change .layui-nav-child dd.layui-this.skin-show{background: transparent;color:#333;}
.skin-change .layui-nav-child dd.skin-show{color:#333;text-align: center;height: 56px;}


/*iframe菜单选项卡*/
.skin-change .layui-body{top:53px;bottom: 0;border-left: solid 2px #017167;}
.skin-change .admin-nav-card{margin-top: 3px;margin-bottom: 0px!important;}
.skin-change .admin-nav-card>.layui-tab-title{border-bottom: 2px solid #017167;background: #f8f8f8;height: 36px;position: relative}
.skin-change .admin-nav-card>.layui-tab-title.layui-tab-more{min-height: 36px;height: auto;}
.skin-change .admin-nav-card>.layui-tab-title>li{border-right: 1px solid #ccc;color: #999;height: 35px;line-height: 35px;border-bottom: 1px solid #cccccc;}
.skin-change .admin-nav-card>.layui-tab-title>.layui-tab-bar{height: auto;bottom: 0px}
.admin-nav-card>.layui-tab-title>.layui-tab-bar .layui-icon{line-height: 36px;height: auto;}
.skin-change .admin-nav-card>.layui-tab-title.layui-tab-more>.layui-tab-bar .layui-icon{line-height: 74px;}
.skin-change .admin-nav-card>.layui-tab-title .layui-this{color:#fff;background-color: #1AA094;border-color: #1AA094;}
.skin-change .admin-nav-card .layui-tab-title cite{font-style: normal;padding-left: 5px;}
.skin-change .admin-nav-card>.layui-tab-title .layui-this:after{border-bottom: 0px !important;}
.admin-contextmenu {position: absolute;line-height: 36px;padding: 5px 0;border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top: 30px;}
.admin-contextmenu ul li{padding: 0 15px;}
.admin-contextmenu ul li:hover{background-color: #eee;cursor: pointer;}
.admin-nav-card>.layui-tab-title .layui-this .layui-tab-close{color: #fff;}

/*content iframe*/
.admin-nav-card .layui-tab-item iframe{width: 100%;border: 0;height: 100%;}

/*foot*/
.layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height: 26px;text-align: center; background-color: #eee;color: #666;font-weight: 300;}


/*左菜单栏*/
.sidebar,.sidebar:before,.sidebar :after,.sidebar *, .sidebar *:before, .sidebar *:after {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.sidebar:before,.nav-list>li:before,.nav-list>li>.submenu:before,.nav-list>li>.submenu>li:before,.nav-list li.active>a:after{
    content:"";
}
.sidebar {width: 200px;float: left;background-color: #F2F2F2;}
.sidebar:before{display: block;width: inherit;position: absolute;top: 0; bottom: 0;z-index: -1;background-color: inherit;border: inherit;}
.sidebar ul{margin: 0;padding: 0;list-style: none;}
.nav-list:after,.nav-list:before{content: " ";display: table;}

.nav-list>li {padding: 0;border-style: solid;border-width: 1px 0 0;border-color: #d0d0d0;background-color: #F8F8F8;color: #585858;}
.nav-list>li:last-child { border-bottom-width: 1px; }
.nav-list>li.open:before {position: absolute;top: -1px;left: 0;z-index: 1;height: 43px;width: 3px;max-width: 3px;overflow: hidden;background-color: #629CC9;}
.nav-list>li, .nav-list>li>a {display: block;position: relative;margin: 0;}
.nav-list a,.nav-list a:hover,.nav-list a:active, .nav-list a:focus{text-decoration: none;}
.nav-list>li:hover>a {background-color: #FFF;}
.nav-list>li>a {height: 42px;line-height: 30px;padding:6px 4px;font-size: 15px;}
.nav-list>li.active>a{font-weight: 700;}
.nav-list>li.active>a, .nav-list>li.active>a:focus, .nav-list>li.active>a:hover{background-color: #FFF;}
.nav-list li.active>a:after {display: block;position: absolute;right: 0;margin-top: -10px;top: 50%;border: 8px solid transparent;border-width: 10px 8px;}
.nav-list>li>a>.menu-icon {display: inline-block; min-width: 30px;margin-right: 2px;vertical-align: sub;text-align: center;font-size: 24px;font-weight: 400;}
.nav-list>li a>.arrow {display: block;width: 14px;height: 14px;line-height: 14px;position: absolute;right: 10px;top: 14px;text-align: center;font-size: 14px;}
.nav-list li.active>a>.arrow, .nav-list li.open>a>.arrow, .nav-list li:hover>a>.arrow {color: inherit;}
.nav-list>li .submenu {display: none;position: relative;}
.nav-list>li>.submenu {border-top: 1px solid #d0d0d0;background-color: #FFF;}
.nav-list li.open>.submenu, .nav-list>li>.submenu li.open>.submenu {display: block;}
.nav-list>li>.submenu:before {display: block;position: absolute;z-index: 1;left: 19px;top: 0;bottom: 0;border: 1px dotted;border-width: 0 0 0 1px;}
.nav-list>li .submenu>li {margin-left: 0;position: relative;}
.nav-list>li>.submenu>li:before {display: block;width: 8px;position: absolute;z-index: 1;left: 19px;top: 19px;border: 1px dotted;border-width: 1px 0 0;}
.nav-list>li .submenu>li>a {display: block;position: relative;padding: 9px 0 8px 37px;margin: 0; border-top: 1px dotted #d0d0d0;line-height: 20px;font-size: 14px;background-color: #FFF;color: #616161;}

.nav-list>li>.submenu>li:first-child>a {border-top-width: 0;}

.nav-list>li .submenu>li a>.menu-icon {display: none;font-size: 16px;font-weight: 400;width: 18px;line-height: 12px;text-align: center;position: absolute;left: 10px;top: 13px;z-index: 1;background-color: inherit;}
.nav-list>li .submenu>li.active>a>.menu-icon, .nav-list>li .submenu>li:hover>a>.menu-icon {display: inline-block;}
.nav-list>li>.submenu li.open:not(.hover)>a>.menu-icon {display: inline-block;}
.nav-list>li>.submenu a>.arrow {right: 10px;top: 12px;font-size: 12px;}
.nav-list>li>.submenu li>.submenu>li {line-height: 18px;}
.nav-list>li>.submenu li>.submenu>li a {color: #757575;font-size: 12px;line-height: 16px;padding: 7px 0 7px 28px;}
.nav-list>li>.submenu li>.submenu>li>a {margin-left: 19px;}
.nav-list>li>.submenu li>.submenu>li a>.menu-icon {display: none;}


/*换肤要变的颜色*/
.skin-change .nav-list>li .submenu>li>a:hover{color: #1AA094;}
.skin-change .nav-list>li:before {background-color: #1AA094;}
.skin-change .nav-list li.active>a:after {border-right-color: #017167;}
.nav-list>li>.submenu .open>a, .nav-list>li>.submenu .open>a:focus, .nav-list>li>.submenu .open>a:hover {  border-color: #E4E4E4;}
.skin-change .nav-list>li:hover>a,.skin-change .nav-list>li.open>a,.skin-change .nav-list>li.active>a {color: #1AA094;}
.nav-list>li .submenu>li>a:hover {background-color: #F1F5F9;}
.skin-change .nav-list>li>.submenu:before, .nav-list>li>.submenu>li:before {border-color: #7fb9b4;}
.skin-change .nav-list>li>.submenu li.open>a,.skin-change .nav-list>li>.submenu li>.submenu>li a:hover,.skin-change .nav-list>li>.submenu li>.submenu li.active>a,.skin-change .nav-list>li>.submenu li>.submenu li.open>a {color: #1AA094;}
.skin-change .nav-list>li .submenu>li.active:not(.open)>a {background-color: #bffff6;color: #1aa094;}
.nav-list>li.open>.submenu>li.open>a{background-color: #f7f7f7;color: #1aa094;}

.nav-list li.open>a:after {display: none}


/*主题色*/
.skin-red{background: #b50000;border-color:#b50000;}
.skin-orange{background: #e55f00;border-color:#e55f00;}
.skin-green{background: #1AA094;border-color:#1AA094;}
.skin-blue{background: #048aca;border-color:#048aca;}
.skin-purple{background: #943fc0;border-color:#943fc0;}
.skin-black{background: #555;border-color:#555;}
/*.skin-position .skin-pr:hover a:before{display: block;}*/

/*主题颜色*/
.layui-nav-child dd.skin-show span{cursor: pointer;margin-right: 5px; display: inline-block;width: 22px;height: 22px;position: relative;}
.layui-nav-child dd.skin-show span:last-child{margin-right: 0px;}
.layui-nav-child dd.skin-show span:after{display:none; position: absolute;right: 1px;bottom: 1px;content: ""; border-color: transparent #fff #fff transparent;border-width:4px;border-style:solid;}
.layui-nav-child dd.skin-show span.active:after{display: block}
.skin-change .nav-list li.active>a:after{display: none;}

/*媒体查询改变菜单栏的字体大小*/
@media screen and (max-width: 1200px) {
    .nav-list>li>a {font-size: 14px;}
    .nav-list>li .submenu>li>a{font-size: 13px;}

}
